<!DOCTYPE HTML>
<html lang="en">
<head>
<title>redis监控页面</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link
	href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
	rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/select2/select2.css" />
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css" />
<!-- END PAGE LEVEL STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="../metronic/assets/global/css/components.css"
	id="style_components" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" />
<link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet"
	type="text/css" />
<!-- END THEME STYLES -->
<style type="text/css">
.form-group {
	margin-bottom: 5px;
}

.help-inline {
	color: red;
}

.table {
	border-top: solid 3px #F3565D;
}

.table-toolbar {
	margin-bottom: 0px;
}
</style>

</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
	style="width: 98%; background: #0f0; background-color: transparent;">
	<div class="row" style="margin-top: 16px;">
		<!--Begin Left Tree-->

		<!-- Begin隐藏域 -->
		<input type="hidden" id="hid_serviceId" name="hid_serviceId">
		<input type="hidden" id="hid_servertype" name="hid_servertype">
		<input type="hidden" id="hid_operate" name="hid_operate"> <input
			type="hidden" id="hid_projectid" name="hid_projectid">
		<!--Begin Right Content-->
		<div class="col-md-12">
			<!-- Begin隐藏域 -->
			<input type="hidden" id="hid_dbKey" name="hid_dbKey">
			<!-- End隐藏域 -->
			<!-- Begin隐藏域 -->
			<input type="hidden" id="hid_serviceId" name="hid_serviceId">
			<input type="hidden" id="hid_servertype" name="hid_servertype">
			<input type="hidden" id="hid_operate" name="hid_operate"> <input
				type="hidden" id="hid_projectid" name="hid_projectid">
			<!--Begin Right Content-->
			<div class="col-md-12">
				<div class="portlet box blue-steel">
					<div class="portlet-title">
						<div class="caption">
							<i class="fa fa-globe"></i>Redis监控展示
						</div>
					</div>
					<div class="portlet-body" id="xxxf">
						<div class="tabbable-custom nav-justified">
							<div id="tb_dataList" class="tab-content">
								<div class="tab-pane active" id="tab_1_1_1"
									style="height: 448px; overflow: auto;">
									<div class="row">
										<div class="col-sm-6">
											<div class="ibox float-e-margins">
												<div class="ibox-title">
													<h5>Redis 内存实时占用情况：</h5>
												</div>
												<div class="ibox-content">
													<div id="container"></div>
												</div>
											</div>
										</div>
										<div class="col-sm-6">
											<div class="ibox float-e-margins">
												<div class="ibox-title">
													<h5>Redis key的实时数量：</h5>
												</div>
												<div class="ibox-content">
													<div id="keysChart"></div>
												</div>
											</div>
										</div>
									</div>

								</div>

								<div class="tab-pane" id="tab_1_1_4">
									<div class="form-horizontal form-body form-inline">
										<iframe id="queryIframe" src="" name="queryIframe"
											style="width: 100%; height: 440px; border: solid 0px red;"></iframe>
									</div>
								</div>

								<div class="tab-pane" id="tab_1_1_2">
									<div class="table-toolbar"></div>

									<div class="portlet-body">
										<table
											class="table table-hover tree-2 table-bordered table-striped table-condensed">
											<thead>
												<th>配置表</th>
												<th>节点关联字段</th>
												<th>节点显示字段</th>
												<th>父节点字段</th>
												<th>层级数</th>
												<th style="width: 205px;">操作</th>
											</thead>
											<tbody></tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="serverColumn"></div>
							</div>
						</div>
					</div>
					<!--Begin End Content-->
				</div>


				<!-- End 添加-修改Modul -->
				<script src="../metronic/assets/global/plugins/jquery.min.js"
					type="text/javascript"></script>
				<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
					type="text/javascript"></script>
				<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
				<script
					src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
					type="text/javascript"></script>
				<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
					type="text/javascript"></script>
				<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
					type="text/javascript"></script>
				<!-- END CORE PLUGINS -->
				<!-- BEGIN PAGE LEVEL SCRIPTS -->
				<script src="../metronic/assets/global/scripts/metronic.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
					type="text/javascript"></script>
				<script
					src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
					type="text/javascript"></script>
				<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
					type="text/javascript"></script>
				<!-- END PAGE LEVEL SCRIPTS -->
				<script src="../js/zTree/jquery.ztree.core.min.js"
					type="text/javascript"></script>
				<script src="../js/zTree/jquery.treegrid.min.js" type="text/javascript"></script>
				<script src="../js/zTree/jquery.treegrid.bootstrap3.js"
					type="text/javascript"></script>
				<!-- END PAGE LEVEL SCRIPTS -->
				<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
				<script src="../js/highcharts/highcharts.js"
					type="text/javascript"></script>
				<script src="../js/serviceConfigration/redisMonitor.js"
					type="text/javascript"></script>
</body>
</html>
